<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Professional vCard</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!-- // Stylesheets // -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!-- // Javascript/jQuery // -->
<script type="text/javascript" SRC="js/jquery-1.3.2.min.js" charset="utf-8"></script>
<script type="text/javascript" SRC="js/jquery.tipsy.js" charset="utf-8"></script>
<script type="text/javascript" SRC="js/livevalidation.js" charset="utf-8"></script>
<script type="text/javascript" SRC="js/jquery.prettyPhoto.js" charset="utf-8"></script>
<script type="text/javascript" SRC="js/jQuery-2520Cycle.js" charset="utf-8"></script>
<script type="text/javascript" SRC="js/supersleight.js" charset="utf-8"></script>
<script type="text/javascript" SRC="js/main.js" charset="utf-8"></script>

<!--[if IE]>
<link rel="stylesheet" href="css/style-IE.css" type="text/css" media="screen"/>
<![endif]-->

<!--[if IE 7]> <style type="text/css"> 
div.box{
	margin:10px -10px 10px 0;
}
 </style> <![endif]-->

</head>
<body>
<div id="wrapper">
    
  <div id="top"><!-- --></div>
        
        <div id="card">
            <div id="card-in" class="corners">
            <h1 style="display:none;"><!-- important tag line here --></h1>
            	<ul id="menu" class="corners-r">
                    <li class="hr">
                        <a href="javascript:goto(0);" title="Home">
                        	<img SRC="images/icons/grey/home.png" alt="" id="i1" />
                        </a>
                    </li>
                    <li class="hr">
                        <a href="javascript:goto(1);" class="tip" title="لمحة عني">
                        	<img SRC="images/icons/grey/help.png" alt="" id="i2"/>
                        </a>
                    </li>
                    <li class="hr">
                        <a href="javascript:goto(2);" class="tip" title="اعمالي">
                        	<img SRC="images/icons/grey/monitor.png" alt="" id="i3"/>
                        </a>
                    </li>
                    <li class="hr">
                        <a href="javascript:goto(3);" class="tip" title="التواصل">
                        	<img SRC="images/icons/grey/group.png" alt="" id="i4"/>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:goto(4);" class="tip" title="اتصل بنا">
                        	<img SRC="images/icons/grey/email.png" alt="" id="i5"/>
                        </a>
                    </li>
                </ul>
                
                <div id="content">
                
                  <!-- home -->
                  
                    <div class="box">
                        <div class="tip-logo">
                            <a href="#" class="tip_logo" title="مدونة الرافدين">
                            	<img SRC="images/logo-frame.png" alt="" id="logo-frame" />
                            </a>
                            <img SRC="images/logo-bg.png" alt="" id="logo-bg" />
                        </div>
                    </div>
                    
                  <!-- about -->
                  
                  <div class="box">
                        <h2>لمحة عني</h2>
                        <p>
                        <img SRC="images/av-me.jpg" alt="" title="" class="avatar"/>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue dictum neque ac luctus. Quisque tellus massa, vehicula id facilisis ac, gravida sit amet massa. Integer sollicitudin posuere urna, in volutpat nisl condimentum sed. Sed fringilla tempus porta. Vivamus ultrices semper euismod. Ut et elit augue. Nulla eget velit sed neque porta vestibulum sit amet eget turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla imperdiet erat ut nibh tincidunt facilisis in a enim. Donec id leo quis ipsum placerat ultricies. Vivamus quam elit, cursus vitae varius et, egestas sit amet mauris. Cras feugiat nibh vel quam placerat varius. Nullam semper rutrum varius.
                        </p> 
                    </div>
                    
                  <!-- work -->
                  
                  <div class="box">
                        <h2>أعمالي</h2>
                        <div id="slider-in">
                        	<div>
                                <a HREF="images/projects/pro-big1.jpg" title="" rel="prettyPhoto[gallery1]">
                                    <img SRC="images/projects/pro1.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big2.jpg" title="" rel="prettyPhoto[gallery1]">
                                    <img SRC="images/projects/pro2.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big3.jpg" title="" rel="prettyPhoto[gallery1]">
                                    <img SRC="images/projects/pro3.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big4.jpg" title="" rel="prettyPhoto[gallery1]">
                                    <img SRC="images/projects/pro4.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big5.jpg" title="" rel="prettyPhoto[gallery1]">
                                    <img SRC="images/projects/pro5.png" alt="" class="project" />
                                </a>                      
                                <a HREF="images/projects/pro-big6.jpg" title="" rel="prettyPhoto[gallery1]">
                                    <img SRC="images/projects/pro6.png" alt="" class="project-last" />
                                </a>
                                <!-- next row --> 
                                <a HREF="images/projects/pro-big7.jpg" title="" rel="prettyPhoto[gallery1]">
                                    <img SRC="images/projects/pro7.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big8.jpg" title="" rel="prettyPhoto[gallery1]">
                                    <img SRC="images/projects/pro8.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big9.jpg" title="" rel="prettyPhoto[gallery1]">
                                    <img SRC="images/projects/pro9.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big10.jpg" title="" rel="prettyPhoto[gallery1]">
                                    <img SRC="images/projects/pro10.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big11.jpg" title="" rel="prettyPhoto[gallery1]">
                                    <img SRC="images/projects/pro11.png" alt="" class="project" />
                                </a>                      
                                <a HREF="images/projects/pro-big12.jpg" title="" rel="prettyPhoto[gallery1]">
                                    <img SRC="images/projects/pro12.png" alt="" class="project-last" />
                                </a>
                            </div>
                            <!-- next slide/page --> 
                        	<div>
                                <a HREF="images/projects/pro-big7.jpg" title="" rel="prettyPhoto[gallery2]">
                                    <img SRC="images/projects/pro7.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big8.jpg" title="" rel="prettyPhoto[gallery2]">
                                    <img SRC="images/projects/pro8.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big9.jpg" title="" rel="prettyPhoto[gallery2]">
                                    <img SRC="images/projects/pro9.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big10.jpg" title="" rel="prettyPhoto[gallery2]">
                                    <img SRC="images/projects/pro10.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big11.jpg" title="" rel="prettyPhoto[gallery2]">
                                    <img SRC="images/projects/pro11.png" alt="" class="project" />
                                </a>                      
                                <a HREF="images/projects/pro-big12.jpg" title="" rel="prettyPhoto[gallery2]">
                                    <img SRC="images/projects/pro12.png" alt="" class="project-last" />
                                </a>
                                <!-- next row -->                                
                                <a HREF="images/projects/pro-big1.jpg" title="" rel="prettyPhoto[gallery2]">
                                    <img SRC="images/projects/pro1.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big2.jpg" title="" rel="prettyPhoto[gallery2]">
                                    <img SRC="images/projects/pro2.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big3.jpg" title="" rel="prettyPhoto[gallery2]">
                                    <img SRC="images/projects/pro3.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big4.jpg" title="" rel="prettyPhoto[gallery2]">
                                    <img SRC="images/projects/pro4.png" alt="" class="project" />
                                </a>
                                <a HREF="images/projects/pro-big5.jpg" title="" rel="prettyPhoto[gallery2]">
                                    <img SRC="images/projects/pro5.png" alt="" class="project" />
                                </a>                      
                                <a HREF="images/projects/pro-big6.jpg" title="" rel="prettyPhoto[gallery2]">
                                    <img SRC="images/projects/pro6.png" alt="" class="project-last" />
                                </a>                               
                            </div>                            
                        </div>
                        <div id="work-nav">
                            <a href="javascript:void(null);" id="prev"><!-- prev btn --></a>
                            <a href="javascript:void(null);" id="next"><!-- next btn --></a>                        
                        </div>                     
                    </div>
                    
                  <!-- social --> 
                   
                  <div class="box">
                        <h2>التواصل</h2>
                        
                        <a href="#" title="" class="social-box-left">
                        	<img SRC="images/social/delicious_32.png" alt="" />
                            <strong>Delicious</strong>
                            delicious.com/username
                        </a>
                         <a href="#" title="" class="social-box-right">
                        	<img SRC="images/social/facebook_32.png" alt="" />
                            <strong>Facebook</strong>
                            facebook.com/username
                        </a>
                        <a href="#" title="" class="social-box-left">
                        	<img SRC="images/social/myspace_32.png" alt="" />
                            <strong>Myspace</strong>
                            myspace.com/username 
                        </a>
                         <a href="#" title="" class="social-box-right">
                        	<img SRC="images/social/linkedin_32.png" alt="" />
                            <strong>Linkedin</strong>
                            linkedin.com/in/username
                        </a>
                        <a href="#" title="" class="social-box-left">
                        	<img SRC="images/social/twitter_32.png" alt="" />
                            <strong>Twitter</strong>
                            twitter.com/username
                        </a>
                         <a href="#" title="" class="social-box-right">
                        	<img SRC="images/social/digg_32.png" alt="" />
                            <strong>Digg</strong>
                            digg.com/username
                        </a>
                        <a href="#" title="" class="social-box-left">
                        	<img SRC="images/social/flickr_32.png" alt="" />
                            <strong>Flickr</strong>
                            flickr.com/username
                        </a>
                         <a href="#" title="" class="social-box-right">
                        	<img SRC="images/social/youtube_32.png" alt="" />
                            <strong>YouTube</strong>
                            youtube.com/username
                        </a>                                                                                                                        
                    </div> 
                    
                  <!-- contact --> 
                      
                  <div class="box">
                        <h2>اتصل بنا</h2>
                        <div id="left">
                            <p>الاسم : احمد العزاوي</p>
                            <p>رقم الموبايل : 009647807458588</p>
                            <p>الفاكس : لا يوجد</p>
                            <p>الايميل : <span lang="en-us">
							alazawi.ahmed@gmail.com</span></p>
                            <p>&nbsp;</p>
                            <p>&nbsp;</p>
                            <p>&nbsp;</p>
                        </div>
                        <form id="contactform" method="post" action="mailscript.php">
                        <div id="right">
                           
                                <input type="text" id="name" onfocus="if(this.value=='Name')this.value='';" onblur="if(this.value=='')this.value='Name';" value="الاسم" name="name" tabindex="1" class="tip-form" title="Required"/>
                                <input type="text" id="email" onfocus="if(this.value=='Email')this.value='';" onblur="if(this.value=='')this.value='Email';" value="الايميل" name="email" tabindex="2" class="tip-form" title="Required, working emall please"/>
                                <textarea cols="" rows="" id="message" name="message" tabindex="3" class="tip-form" title="Required">الرسالة</textarea>
                                <input type="submit" id="submit" value="Send" name="submit" tabindex="4"/>

                        </div>
                        </form>
                        
                        <!-- form validation -->
                            
                            <script type="text/javascript">
                            //<![CDATA[
                              var name    = new LiveValidation('name', {onlyOnSubmit: false, validMessage: " "});
                              var email   = new LiveValidation('email', {onlyOnSubmit: true, validMessage: " "});
                              var message = new LiveValidation('message', {onlyOnSubmit: true, validMessage: " "});
                    
                              name.add( Validate.Presence,{failureMessage: " "});
							  name.add( Validate.Exclusion, { within: [ 'Name' ] } );
                              email.add( Validate.Email,{failureMessage: " "});
                              email.add( Validate.Presence,{failureMessage: " "});			  
                              message.add( Validate.Presence,{failureMessage: " "});
							  message.add( Validate.Exclusion, { within: [ 'Message' ] } );
                           //]]>
                          </script>
                    </div>                                       
                </div>
            </div>
        </div><!--/ end card -->
        
        <div id="bottom"><!-- --></div>
        
        <div id="copyright" class="corners-r">
        	<p>Copyright &copy; 2010 by <a HREF="../../../www.markdijkstra.eu/index.htm" title="">Mark Dijkstra</a></p><img SRC="images/arrow.jpg" alt="" />
        </div>       
</div>         
  
    <!-- // place your Google Analytics code here // -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "../../../https@ssl./index.htm" : "../../../www./index.htm");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-12431145-1");
pageTracker._setDomainName(".markdijkstra.eu");
pageTracker._trackPageview();
} catch(err) {}</script>     
</body>
</html>